<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="对网页的一段概括性描述" />
		<meta name="keywords" content="关键字1,关键字2,关键字3..." />
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>唯然</title>
		<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="../css/weiran.css" />
		<link href="http://cdn.bootcss.com/normalize/5.0.0/normalize.css" rel="stylesheet">
		<script src="../vendor/jquery.min.js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://dup.baidustatic.com/js/ds.js"></script>
		<!--[if lt IE 9]>
			<script src="http://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
			<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>

	<body>
		<header id="header">
			<div class="header-inner">
				<a href="#" class="logo">
					<img src="../images/weiran-logo.jpg" />
				</a>
				<div class="menu-bar">
					<div class="left-part">
						<div class="Nav">
							<div class="nav-link-icon">
								<div class="left-part-nav"></div>
							</div>
						</div>
						<form id="searchform" action="" method="post">
							<span class="search-type-str search-type-str-up">全部</span>
							<input id="search_text" type="text" placeholder="搜素下更喜欢" />
							<input type="submit" name="" id="search_bon" value="" />
						</form>
					</div>
					<div class="right-part">
						<div class="user_logged">
							<a href="../index.html">
								<strong><<</strong> 返回觉唯设计
							</a>
							<span class="textline">|</span>
							<a href="#" id="login1">登录</a>
							<span class="textline">|</span>
							<a href="#" id="rigest1">注册</a>
						</div>
					</div>
				</div>
			</div>
		</header>
		
		<!--登录注册-->
		<div class="Main" id="main">
			<div class="login" id="rigest">
				<span class="change" id="change2">
					切换
				</span>
				<span class="Close" id="close2">
					关闭
				</span>
				<h1>这是注册界面</h1>
			</div>
			<div class="login" id="login">
				<span class="change" id="change1">
					切换
				</span>
				<span class="Close" id="close1">
					关闭
				</span>
				<h1>这是登录界面</h1>
			</div>
		</div>

		<div class="Container clearfix">
			<div id="content">
				<div id="item1" class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main">
							<h2>热门标签</h2>
							<ul>
								<li>
									<a href="#">动画</a>
								</li>
								<li>
									<a href="#">创意</a>
								</li>
								<li>
									<a href="#">艺术</a>
								</li>
								<li>
									<a href="#">设计</a>
								</li>
								<li>
									<a href="#">时尚</a>
								</li>
								<li>
									<a href="#">插画</a>
								</li>
								<li>
									<a href="#">摄影</a>
								</li>
								<li>
									<a href="#">唯美</a>
								</li>
								<li>
									<a href="#">手绘</a>
								</li>
								<li>
									<a href="#">小清新</a>
								</li>
								<li>
									<a href="#">网页设计</a>
								</li>
							</ul>
							<div class="clear"></div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran2.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran3.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran4.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran5.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran6.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran7.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran8.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran9.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran10.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran11.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran12.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran13.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran14.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran15.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran16.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran17.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran18.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran19.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran20.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran11.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran10.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran9.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran8.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran7.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran6.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran5.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item masonry-brick">
					<div class="item-inner">
						<div class="item-main" style="padding: 0;">
							<div class="item-content">
								<div class="item-img-box">
									<a href="#" class="item-img">
										<img src="../images/weiran4.jpg" />
										<span class="item-img-stop"></span>
									</a>
									<div class="itemimg-viewlink">
										<a href="#" class="itemimg-view">预览大图</a>
										<a href="#" class="itemimg-links">查看文章</a>
									</div>
								</div>
								<h2 class="item-title"><a href="#">夏小薇vivihoney作品《夏小薇.淡雅》</a></h2>
								<div class="item-actions-info">
									<div id="bdshare">
										<a href="#" class="qzone"></a>
										<a href="#" class="sina"></a>
										<a href="#" class="qq"></a>
										<a href="#" class="renren"></a>
										<a href="#" class="fbook"></a>
										<a href="#" class="twi"></a>
									</div>
									<a href="#" class="heart-box">
										<span>0</span>
									</a>
									<a href="#" class="item-comment-count">
										<span>0</span>
									</a>
									<div class="love-loading-box">
										<span class="love-loading"></span>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<footer id="footer">
			<div class="footer-inner">
				<p>
					唯然是
					<a href="#">觉唯网</a>
					的图片分享社区，以记录美丽、分享美好的创意理念，分享高品质创意、艺术、设计、时尚、插画、摄影、唯美类精美图片。
				</p>
			</div>
			<div class="clear"></div>
			<div class="footer-info">
				<p>
					Copyright © 2016
					<a href="#">唯然</a> -
					<a href="#">觉唯设计</a>
					. Powered by Wordpress. Theme by
					<a href="#">Javin</a>
					. All Rights Reserved.
				</p>
			</div>
		</footer>

		<!--<div id="backtotop">
			<a href="#"></a>
		</div>-->
		<script>
			$(function() {
				// 保证图片都能正常加载完成，方便后面进行准确的高度计算
				$(window).load(function() {
					loadImage();
				});

				// 下载到底部加载一批新数据
				$(window).scroll(function() {
					if($(document).height() - ($(window).scrollTop() + $(window).height()) <= 50) {
						$('#content').append($('#content .item:lt(6):not(#item1)').clone());
						loadImage();
					}
				});
			});

			function loadImage() {
				var item = $('.item');
				// 每张图片的宽度
				var boxWidth = item.eq(0).width();
				// 计算每一排能放几张图片
				var num = Math.floor($(window).width() / boxWidth);
				// 建立一数组存放每张图片的高度
				var boxHeigths = [];
				item.each(function(i, e) {
					// 计算每张图片的高度
					var currentBoxHeight = $(this).height();
					// 如果是前5张应该要存入boxHeights数组中
					if(i < num) {
						boxHeigths.push(currentBoxHeight);
					} else {
						// 从第6张开始都要判断前面的那张高度最小
						var minBoxHeight = Math.min.apply(null, boxHeigths);
						// 查看最小盒子的高度在数组里面的下标位置
						var minBoxHeightIndex = $.inArray(minBoxHeight, boxHeigths);
						// 把图片放到哪个位置
						$(this).css({
							'position': 'absolute',
							'left': minBoxHeightIndex * 270,
							'top': minBoxHeight + 20,
						});
						// 把最小图片的高度更新
						boxHeigths[minBoxHeightIndex] += currentBoxHeight;
					}
					
					var maxBoxHeight = Math.max.apply(null, boxHeigths);
					$('#footer').css({
							'position': 'absolute',
							'left': 0,
							'top': maxBoxHeight + 55,
						});
				});
			}
			
			//登录注册部分
			var login1=document.getElementById("login1");
			var rigest1=document.getElementById("rigest1");
			var main=document.getElementById("main");
			var login=document.getElementById("login");
			var rigest=document.getElementById("rigest");
			var close1=document.getElementById("close1");
			var close2=document.getElementById("close2");
			var change1=document.getElementById("change1");
			var change2=document.getElementById("change2");
			login1.onclick=function(){
				main.style.display='block';
				login.style.zIndex='9997';
				rigest.style.zIndex='9996';
			}
			rigest1.onclick=function(){
				main.style.display='block';
				login.style.zIndex='9996';
				rigest.style.zIndex='9997';
			}
			close1.onclick=function(){
				main.style.display='none';
			}
			close2.onclick=function(){
				main.style.display='none';
			}
			change1.onclick=function(){
				login.style.zIndex='9996';
				rigest.style.zIndex='9997';
				login.style.transform='rotateY(360deg)';
				rigest.style.transform='rotateY(360deg)';
			}
			change2.onclick=function(){
				login.style.zIndex='9997';
				rigest.style.zIndex='9996';
				login.style.transform='rotateY(0deg)';
				rigest.style.transform='rotateY(0deg)';
			}
		</script>
	</body>

</html>